<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.card{
				width: 125px;
				height: 170px;
				position: absolute;
				overflow: hidden;
				border: 1px solid #C0C0C0;
			}
			span{
				width: 20px;
				height: 21px;
				background:url(http://www.blueidea.com//articleimg/2009/02/6382/00.gif) no-repeat;
				position: absolute;
				display: block;
				
			}
			b{
				display: block;
				width: 15px;
				height: 10px;
				position: absolute;
				font-size: 10pt;
				text-align: center;
				font-weight: bold;
				background:url(http://www.blueidea.com//articleimg/2009/02/6382/00.gif) no-repeat;
			}
			em{
				display: block;
				width: 15px;
				height: 10px;
				position: absolute;
				font-size: 10pt;
				text-align: center;
				font-weight: bold;
				background:url(http://www.blueidea.com//articleimg/2009/02/6382/00.gif) no-repeat;
			}
			.N1{
				left: 1px;
				top:8px;
			}
			.n10{
				background-position:-191px 0px;
				left:-4px;
				width:21px;
			}
			.First{
				left: 5px;
				top: 20px;
				background-position:0px -40px ;
			}
			.small_up1{
				
			}
			.N2{
				bottom:8px;
				right:5px;
				background-position:-191px -22px;
				right:3px;
				width:21px;
			}
			.n10_h{
				
			}
			.Last{
				bottom:20px;
			    right:0px;
			}
			.small_down1{
				background-position:0 -51px;
			}
			.A1{
				left:20px;
				top:20px;
			}
			.up1{
				background-position:0 1px;
			}
			.A2{
				left:20px;
				top:57px;
			}
			.A3{
				left:20px;
				top:94px;
			}
			.A4{
				left:20px;
				top:131px;
			}
			.down1{
				background-position:0 -19px;
			}
			.B1{
				left:54px;
				top:38px;
			}
			.B1{
				left:54px;
				top:38px;
			}
			.B2{
				left:54px;
				top:117px;
			}
			.C1{
				left:86px;
				top:20px;
			}
			.C2{
				left:86px;
				top:57px;
			}
			.C3{
				left:86px;
				top:94px;
			}
			.C4{
				left:86px;
				top:131px;
			}
		</style>
	</head>
	<body>
		<div class="card">
			 <div class="front">
			  <b class="N1 n10"></b>
			  <em class="First small_up1"></em>
			  <span class="A1 up1"></span>
			  <span class="A2 up1"></span>
			  <span class="A3 down1"></span>
			  <span class="A4 down1"></span>
			  
			  <span class="B1 up1"></span>
			  <span class="B2 down1"></span>
			  
			  <span class="C1 up1"></span>
			  <span class="C2 up1"></span>
			  <span class="C3 down1"></span>
			  <span class="C4 down1"></span>
			  <em class="Last small_down1"></em>
			  <b class="N2 n10_h"></b> 
			 </div>
		</div>
		
	</body>
</html>
